<template>
    <el-table
            ref="table"
            :data="tableData"
            stripe
            border
            tooltip-effect="dark"
            style="width: 100%"
            max-height="400px">
        <el-table-column label="序号" width="60" type="index">
        </el-table-column>
        <el-table-column
                prop="indexOne"
                label="一级指标">
        </el-table-column>
        <el-table-column
                prop="indexTwo"
                label="二级指标">
        </el-table-column>
        <el-table-column
                prop="indexThree"
                label="三级指标">
        </el-table-column>
        <el-table-column
                prop="name"
                label="质控点">
        </el-table-column>
        <el-table-column
                prop="intension"
                label="内涵">
        </el-table-column>
        <el-table-column
                prop="warningState"
                label="当前预警状态">
            <template slot-scope="scope">
                <span v-if="scope.row.warningState == 2">关闭预警</span>
                <span v-if="scope.row.warningState == 1">预警中</span>
                <span v-else>未预警</span>
            </template>
        </el-table-column>
        <!--  TODO　缺少字段-->
        <el-table-column
                prop="address"
                label="预警开始时间">
        </el-table-column>
        <el-table-column
                prop="warningCount"
                label="预警次数">
        </el-table-column>
        <el-table-column
                prop="warningColseTime"
                label="预警关闭时间">
        </el-table-column>
        <el-table-column
                prop="warningColseDesc"
                label="预警关闭说明">
        </el-table-column>
    </el-table>
</template>

<script>
    export default {
        name: 'comparisonList',
        props: {
            tableData: {
                type: Array
            }
        }
    }
</script>

<style scoped>

</style>